<template>
    <div class="login">
        <div class="login_div">
            <div class="loginhead">
                <img src="../../assets/imgs/user_register.png">
            </div>
            <div class="loginbtn">
                <div class="lb_view" @click="toSend">
                    <span>个人登录</span>
                </div>
            </div>
        </div>
        <div class="login_div" style="margin-left: 200px;">
            <div class="loginhead" >
                <img src="../../assets/imgs/company_register.png">
            </div>
            <div class="loginbtn" @click="agreeDialog">
                <div class="lb_view">
                    <span>企业登录</span>
                </div>
            </div>
        </div>
       
      


        <!-- <div class="login_dialog" v-if="showDialog">

        </div>
        <div class="ld_main" v-if="showDialog">
            <div class="ldm_content">
                <span>我承诺： </span>
                <span>1、岗位信息真实可靠； </span>
                <span>2、发布悬赏岗位，愿及时兑现招聘奖金。</span>
            </div>
            <div class="ldm_list">
                <div class="ldm_div" @click="hideDialog">
                    <span>不同意</span>
                </div>
                <div class="ldm_btn" @click="agreeDialog">
                    <span>同意</span>
                </div>
            </div>
        </div> -->
    </div>
</template>
  
<script>
    
    
    export default {
        name: 'login',
        data(){
            return{
                showDialog:false,
            }
        },
        components: {
            
        },
        methods:{
            toShowDialog(){
                this.showDialog=true;
            },
            hideDialog(){
                this.showDialog=false;
            },
            agreeDialog(){
                this.$router.push("/loginindex?type=1")
            },
            toSend(){
                this.$router.push("/loginindex?type=2")
            }
        }
    }
</script>
<style scoped lang="less">
    .login{
        width: 100%;
        display: flex;
        height: 100vh;
        align-items: center;
        justify-content: center;
    }
    .loginhead{
        width: 6.4rem;
        height: 4.72rem;
       
        margin:0 auto;
        margin-top: 2.6667rem;
    }
    .loginhead img{
        width: 100%;
        height: 100%;
    }
    .loginbtn{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;

    }
    .lb_view{
        width: 6.7733rem;
        height: 1.1733rem;
        background: #F5792A;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .3733rem;
        color: #FFFFFF;
        margin-top: .2133rem;
    }
    .login_dialog{
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9;
        background: rgba(0, 0, 0, 0.4);
    }
    .ld_main{
        width: 8.2933rem;
        height: 5.0667rem;
        background: #FFFFFF;
        border-radius: .1067rem;
        position: fixed;
        z-index: 10;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: .8rem .4rem;
        box-sizing: border-box;
    
    }
    .ldm_content{
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        font-size: .32rem;
        line-height: .56rem;

    }
    .ldm_list{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1.0667rem;

    }
    .ldm_div{
        width: 2.1333rem;
        height: .8533rem;
        background: #FFFFFF;
        border-radius: 1.3333rem;
        border: 1px solid #F5792A;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .32rem;
        color: #F5792A;
    }
    .ldm_btn{
        width: 2.1333rem;
        height: .8533rem;
        background: #F5792A;
        border-radius: 1.3333rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size:.32rem;
        color: #FFFFFF;
        margin-left: .5333rem;
    }
</style>

  